﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="parts.aspx.cs" Inherits="StoreWeb.system.basis.parts" %>


<%@ Register Assembly="AspNetPager" Namespace="Wuqi.Webdiyer" TagPrefix="webdiyer" %>
<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <!--[if lt IE 9]>
<script type="text/javascript" src="../../lib/html5.js"></script>
<script type="text/javascript" src="../../lib/respond.min.js"></script>
<script type="text/javascript" src="../../lib/PIE_IE678.js"></script>
<![endif]-->
    <link href="../../css/H-ui.min.css" rel="stylesheet" type="text/css" />
    <link href="../../css/H-ui.admin.css" rel="stylesheet" type="text/css" />
    <link href="../../css/style.css" rel="stylesheet" type="text/css" />
    <link href="../../lib/Hui-iconfont/1.0.1/iconfont.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="../../lib/zTree/v3/css/zTreeStyle/zTreeStyle.css" type="text/css">
    <link href="../../css/extension.css" rel="stylesheet" />
    <!--[if IE 6]>
<script type="text/javascript" src="http://lib.h-ui.net/DD_belatedPNG_0.0.8a-min.js" ></script>
<script>DD_belatedPNG.fix('*');</script>
<![endif]-->
    <title>部位款式管理</title>
    <style>
        #tv table {
            width: auto;
            margin-left: 20px;
        }

        .trbkgroud {
            background: #ddd;
        }
    </style>
</head>
<body>
    <form id="form" runat="server">
        <div class="pos-a" style="width: 150px; left: 0; top: 0; bottom: 0; overflow: auto; height: 100%; border-right: 1px solid #e5e5e5; background-color: #f5f5f5">

            <asp:TreeView ID="tv" runat="server" ImageSet="Arrows"></asp:TreeView>

        </div>
        <div style="margin-left: 150px;">
            <nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i> 首页 <span class="c-gray en">&gt;</span> 基础档案 <span class="c-gray en">&gt;</span> 部位款式 <a class="btn btn-success radius r mr-20" style="line-height: 1.6em; margin-top: 3px" href="javascript:location.replace(location.href);" title="刷新"><i class="Hui-iconfont">&#xe68f;</i></a></nav>
            <div class="pd-20">
                <div class="text-c">
                    <div style="width: 500px; float: left; margin: 0px 0px 5px 0px;">
                        <span class="select-box inline">
                            <asp:DropDownList ID="typelist" CssClass="select" runat="server"></asp:DropDownList>
                        </span>
                        <input type="text" class="input-text" style="width: 250px" placeholder="输入部位名称" id="name" name="name" runat="server">
                        <asp:Button ID="btnserach" class="btn btn-success radius" runat="server" Text="搜索" OnClick="btnserach_Click" />
                    </div>
                    <div style="width: 270px; float: right"><span class="r"><%--<a href="javascript:;" onclick="datadel()" class="btn btn-danger radius"><i class="Hui-iconfont">&#xe6e2;</i> 批量删除</a>--%> <a class="btn btn-primary radius" href="javascript:;" onclick="admin_add('添加部位信息','partsedit.aspx','600','350')"><i class="Hui-iconfont">&#xe600;</i> 添加部位信息</a> <%--<a class="btn btn-primary radius" href="javascript:;" onclick="admin_pipei()"><i class="Hui-iconfont">&#xe645</i>部位匹配</a>--%> </span></div>
                </div>

                <div class="table-container">
                    <table id="parts" class="table table-border table-bordered table-hover table-bg table-sort">
                        <thead>
                            <tr>
                                <th scope="col" colspan="3">部位款式信息管理<span class="r">共有数据：<strong><%=AspNetPager1.RecordCount %></strong> 条</span> </th>
                            </tr>
                            <tr class="text-c">
                                <%--  <th width="25">
                        <input type="checkbox" value="" name=""></th>--%>
                                <%--  <th width="80">部位编号</th>--%>
                                <th>部位名称</th>
                                <th width="300">所属分类</th>
                                <%--         <th width="100">创建时间</th>--%>
                                <th width="70">操作</th>
                            </tr>
                        </thead>
                        <tbody>
                            <asp:Repeater ID="Repeater1" runat="server">
                                <ItemTemplate>
                                    <tr class="text-c">
                                        <%-- <td>
                                <input type="checkbox" value="<%#Eval("id") %>" name=""></td>--%>
                                        <%--    <td onclick="getstyle('<%#Eval("code") %>')"><%#Eval("code") %></td>--%>
                                        <td onclick="getstyle('<%#Eval("code") %>')" style="text-align: left"><%#Eval("name") %></td>
                                        <td width="300" onclick="getstyle('<%#Eval("code") %>')"><%#gettypename(Eval("clnvCCode").ToString()) %></td>
                                        <%--  <td onclick="getstyle('<%#Eval("code") %>')"><%#Eval("createdate") %></td>--%>
                                        <td width="70">
                                            <a title="添加款式" href="javascript:;" onclick="style_add('添加款式','styleedit.aspx','<%#Eval("code") %>','800','500')" style="text-decoration: none; height: 15px; padding: 0px 10px; font-size: 12px;"><i class="Hui-iconfont">&#xe600;</i></a>
                                            <a title="编辑部位" href="javascript:;" onclick="admin_edit('编辑部位','partsedit.aspx','<%#Eval("id") %>',600,350)" style="text-decoration: none"><i class="Hui-iconfont">&#xe6df;</i></a> <a title="删除" href="javascript:;" onclick="admin_del(this,'<%#Eval("id") %>')" class="ml-5" style="text-decoration: none"><i class="Hui-iconfont">&#xe6e2;</i></a></td>
                                    </tr>
                                </ItemTemplate>
                            </asp:Repeater>

                        </tbody>
                    </table>
                    <div>
                        <asp:HiddenField ID="hidcode" runat="server" />
                        <asp:HiddenField ID="hidid" runat="server" />
                        <asp:HiddenField ID="hidwhere" runat="server" />

                        <asp:HiddenField ID="hidbeifenhidcode" runat="server" />
                        <webdiyer:AspNetPager ID="AspNetPager1" runat="server" FirstPageText="首页" NextPageText="下一页" LastPageText="尾页" PrevPageText="上一页" UrlPaging="true" CssClass="pagination" LayoutType="Ul" PagingButtonLayoutType="UnorderedList" PagingButtonSpacing="0" CurrentPageButtonClass="active" PageSize="15" OnPageChanged="AspNetPager1_PageChanged">
                        </webdiyer:AspNetPager>
                    </div>
                </div>
                <div class="table-container">
                    <table class="table table-border table-bordered table-hover table-bg table-sort">
                        <thead>
                            <tr>
                                <th scope="col" colspan="8">款式信息管理</th>
                            </tr>
                            <tr class="text-c">
                                <%--  <th width="25">
                        <input type="checkbox" value="" name=""></th>--%>
                                <th width="80">款式类型</th>
                           <%--     <th width="100">款式编号</th>--%>
                                <th width="100">关联辅料</th>
                                <th width="100">关联辅料名称</th>
                                <th width="100">增值价格</th>
                                <th width="100">是否订单计算</th>
                                <th width="100">创建时间</th>
                                <th width="70">操作</th>
                            </tr>
                        </thead>
                        <tbody id="styletbody">
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </form>

    <script type="text/javascript" src="../../lib/jquery/1.9.1/jquery.min.js"></script>
    <script type="text/javascript" src="../../lib/layer/1.9.3/layer.js"></script>
    <script type="text/javascript" src="../../lib/My97DatePicker/WdatePicker.js"></script>
    <script type="text/javascript" src="../../lib/zTree/v3/js/jquery.ztree.all-3.5.min.js"></script>
    <script type="text/javascript" src="../../js/H-ui.js"></script>
    <script type="text/javascript" src="../../js/H-ui.admin.js"></script>
    <style>
        .table-container {
            width: 100%;
            margin: 5px 0;
            height: 100px;
        }

            .table-container thead {
                width: 100%;
            }

            .table-container.scroll {
                position: relative;
                overflow-x: hidden;
                overflow-y: auto;
                border-top: 1px solid #ddd;
                border-bottom: 1px solid #ddd;
            }

                .table-container.scroll thead {
                    position: absolute;
                    top: 0;
                    left: 0;
                }
    </style>
    <script>
        function initTableContainer() {
            var $tableContainer = $('.table-container');
            var documentHeight = document.documentElement.clientHeight;
            var height = (documentHeight - 100) / 2;
            $.each($tableContainer, function () {
                var $this = $(this).height(height);
                var $table = $('table', $this);
                var tableHeight = $table.height();
                if (tableHeight > height) {
                    $this.addClass('scroll');
                    var $thead = $('thead', $this);
                    var headerHeight = $thead.height();
                    $table.css('padding-top', headerHeight - 1);
                    var $firstTr = $('tr', $thead).first();
                    $('th', $firstTr).width($this.width() - 1);
                }
            });
            $tableContainer.scroll(function () {
                var $this = $(this);
                var scrollTop = $this.scrollTop();
                $('thead', $this).css('top', $this.scrollTop());
            });
        }
        $(function () {
            initTableContainer();
        });
    </script>
    <script type="text/javascript">
        $(function () {
            $("#parts tbody tr").click(function () {
                $(this).addClass("trbkgroud").siblings("tr").removeClass("trbkgroud");
            });
            $("#parts tbody tr").eq(0).addClass("trbkgroud").siblings("tr").removeClass("trbkgroud");
            getstyle($("#hidcode").val());//初始化第一行
        });
        //匹配同步部位款式
        //添加部位信息改名为部位匹配，功能：带出ERP的辅助材料二级分类，同商品的末级分类匹配，匹配后将辅助材料的三级分类做为部位，三级分类对应的存货做为款式。存储过程:Parts_synchronous
        function admin_pipei() {
            layer.confirm("该操作会重新匹配导入，你确定要继续吗？", function () {
                $.ajax({
                    url: "../../ajax/parts.aspx?action=pipei",
                    dataType: "json",
                    success: function (data) {
                        layer.alert("匹配同步成功", function (index) {
                            location.reload();
                        });
                    }
                });
            });
        }
        function layer_showend(title, url, w, h) {
            if (title == null || title == '') {
                title = false;
            };
            if (url == null || url == '') {
                url = "404.html";
            };
            if (w == null || w == '') {
                w = 800;
            };
            if (h == null || h == '') {
                h = ($(window).height() - 50);
            };
            layer.open({
                type: 2,
                area: [w + 'px', h + 'px'],
                fix: false, //不固定
                maxmin: true,
                shade: 0.4,
                title: title,
                content: url,
                end: function () {
                    getstyle($("#hidcode").val());
                }
            });
        }
        //获取商品尺寸
        function getstyle(code) {
            $("#hidcode").val(code);
            $.ajax({
                url: "../../ajax/style.aspx?code=" + code + "&action=getstyle",
                dataType: "json",
                success: function (data) {
                    var list = "";
                    $.each(data, function (n, item) {
                        list += "<tr class=\"text-c\">";
                        list += "<td width='80'>" + (item.dtype == '1' ? '普通款式' : '增值款式') + "</td>";
                        //list += "<td>" + item.code + "</td>";
                        list += "<td width='100'>" + item.cInvCode + "</td>";
                        list += "<td width='100'>" + item.cInvName + "</td>";
                        list += "<td width='100'>" + item.price + "</td>";
                        list += "<td width='100'>" + (item.ispricedingdan == '1' ? '是' : '否') + "</td>";
                        list += "<td width='100'>" + item.createtime + "</td>";
                        list += "<td width='70' class=\"f-14\"><a title=\"编辑款式\" href=\"javascript:;\" onclick=\"style_edit('编辑款式','styleedit.aspx','" + item.id + "',800,500)\" style=\"text-decoration: none\"><i class=\"Hui-iconfont\">&#xe6df;</i></a><a title=\"删除\" href=\"javascript:;\" onclick=\"style_del(this,'" + item.id + "')\" class=\"ml-5\" style=\"text-decoration: none\"><i class=\"Hui-iconfont\">&#xe6e2;</i></a> </td>";
                        list += "</tr>";
                    });
                    $("#styletbody").html(list);
                    initTableContainer();
                }
            });
        }
        function admin_add(title, url, w, h) {
            layer_show(title, url, w, h);
        }
        function admin_edit(title, url, id, w, h) {
            layer_show(title, url + "?id=" + id, w, h);
        }

        function style_add(title, url, id, w, h) {
            layer_showend(title, url + "?code=" + id, w, h);
        }
        function style_edit(title, url, id, w, h) {
            layer_showend(title, url + "?id=" + id, w, h);
        }
        function style_del(obj, id) {
            layer.confirm('删除须谨慎，确认要删除吗？', function (index) {
                $.post("../../ajax/style.aspx", { action: "delete", id: id },
                       function (data) {
                           if (data == "1") {
                               $(obj).parents("tr").remove();
                               layer.msg('已删除!', { icon: 1, time: 1000 });
                           }
                           else {
                               layer.msg("操作失败", { icon: 1, time: 1000 });
                           }
                       });
            });
        }
        function admin_del(obj, id) {
            layer.confirm('删除须谨慎，确认要删除吗？', function (index) {
                $.post("../../ajax/parts.aspx", { action: "delete", id: id },
                       function (data) {
                           if (data == "1") {
                               $(obj).parents("tr").remove();
                               layer.msg('已删除!', { icon: 1, time: 1000 });
                           }
                           else {
                               $(obj).parents("tr").remove();
                               layer.msg("操作失败", { icon: 1, time: 1000 });
                           }
                       });
            });
        }
    </script>
</body>
</html>
